<script>
// 第一步:引入其他vue组件,可以引入无数个
// import 别名 from '文件路径名+文件名'
// import HelloWorld from './components/HelloWorld.vue'
// import HelloVue from './components/HelloVue.vue';
// import HelloOptions from './components/HelloOptions.vue';
// import HelloComponent from './components/HelloComponent.vue';
// import HelloComponent2 from './components/HelloComponent2.vue';
// import Hello from './components/01-插值表达式/Hello.vue';
// import Hello from './components/02-原始HTML/Hello.vue';
// import Hello from './components/03-属性绑定/Hello.vue';
// import Hello from './components/04-事件绑定/Hello.vue';
// import Hello from './components/05-类与样式绑定/Hello.vue';
// import Hello from './components/06-条件渲染/Hello.vue';
// import Hello from './components/07-列表渲染/Hello.vue';
// import Hello from './components/08-双向数据绑定/Hello.vue';
// import Hello from './components/09-计算属性/Hello.vue';
// import Hello from './components/10-生命周期/Hello.vue';
// import Hello from './components/10-生命周期/Hello2.vue';
import Hello from './components/10-生命周期/Hello3.vue';

export default {
  // 第二步:注入组件
  components: {
    // HelloWorld,
    // HelloVue,
    // HelloOptions,
    // HelloComponent2,
    Hello
  }
}
</script>

<template>
  <!-- 第三步:显示组件,此时使用别名作为标签名 -->
  <!-- <HelloWorld></HelloWorld>
   <HelloVue></HelloVue> -->
  <!-- <HelloOptions></HelloOptions> -->
  <!-- <HelloComponent2></HelloComponent2> -->
   <Hello></Hello>
</template>